import Module from "./module";
import MeteItem from "./MeteItem";
import IconMeteDivide from "./assets/IconMeteDivide";
import IconItem1 from "./assets/组3844.svg";
import IconItem2 from "./assets/组3846.svg";
import IconItem3 from "./assets/组21160.svg";
import IconItem4 from "./assets/组3843.svg";
import IconItem5 from "./assets/组3842.svg";
import IconItem6 from "./assets/组3841.svg";

export default defineComponent({
	name: "MeteInfo",
	setup() {
		return () => (
			<Module title={"气象信息"}>
				<div className={"w-full h-full  p-4 py-6 box-border "}>
					<div className={"agri-row h-2/5 flex flex-row justify-between items-center"}>
						<MeteItem className={"w-1/3 h-full"} img={IconItem1} title={"温度"} value={"32℃"}></MeteItem>
						<MeteItem className={"w-1/3 h-full"} img={IconItem2} title={"湿度"} value={"60%"}></MeteItem>
						<MeteItem className={"w-1/3 h-full"} img={IconItem3} title={"风速"} value={"2.3m/s"}></MeteItem>
					</div>
					<div className={"agri-row h-1/5"}>
						<IconMeteDivide className={"w-full"}></IconMeteDivide>
					</div>
					<div className={"agri-row h-2/5 flex flex-row justify-between items-center"}>
						<MeteItem className={"w-1/3 h-full"} img={IconItem4} title={"光照强度"} value={"1000lux"}></MeteItem>
						<MeteItem className={"w-1/3 h-full"} img={IconItem5} title={"降雨"} value={"32mm"}></MeteItem>
						<MeteItem className={"w-1/3 h-full"} img={IconItem6} title={"二氧化碳浓度"} value={"0.6%"}></MeteItem>
					</div>
				</div>
			</Module>
		);
	}
});
